<template>
    <!-- <div class="goods-item" @click="$router.push('/prodetail')">
        <div class="left">
            <img src="@/assets/product.jpg" alt="" />
        </div>
        <div class="right">
            <p class="tit text-ellipsis-2">
                三星手机 SAMSUNG Galaxy S23 8GB+256GB 超视觉夜拍系统 超清夜景 悠雾紫
                5G手机 游戏拍照旗舰机s23
            </p>
            <p class="count">已售104件</p>
            <p class="price">
                <span class="new">¥3999.00</span>
                <span class="old">¥6699.00</span>
            </p>
        </div>
    </div> -->
    <div v-if="item.goods_name" class="goods-item" @click="$router.push(`/prodetail/${item.goods_id}`)">
        <van-card
            :price="item.goods_price_min"
            :desc="`已售${item.goods_sales}件`"
            :title="item.goods_name"
            :thumb="item.goods_image"
            :origin-price="item.goods_price_max"
            />
    </div>
</template>

<script>
export default {
    name: 'goodsItem',
    props: {
        item: {
            type: Object,
            default: () => ({})
        }
    },
    created() { 
    },
}
</script>

<style lang="less" scoped>
// .goods-item {
//     height: 148px;
//     margin-bottom: 6px;
//     padding: 10px;
//     background-color: #fff;
//     display: flex;

//     .left {
//         width: 127px;

//         img {
//             display: block;
//             width: 100%;
//         }
//     }

//     .right {
//         flex: 1;
//         font-size: 14px;
//         line-height: 1.3;
//         padding: 10px;
//         display: flex;
//         flex-direction: column;
//         justify-content: space-evenly;

//         .count {
//             color: #999;
//             font-size: 12px;
//         }

//         .price {
//             color: #999;
//             font-size: 16px;

//             .new {
//                 color: #f03c3c;
//                 margin-right: 10px;
//             }

//             .old {
//                 text-decoration: line-through;
//                 font-size: 12px;
//             }
//         }
//     }
// }
</style>
